<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=1310, maximum-scale=1">
  <meta name="description" content="" />
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  <meta content="product" property="og:type">
  <meta content="1638690045, 500328242" property="fb:admins">
  <link rel="shortcut icon" href="images/favicon.png">

  <title>Projeto Áxil</title>
  <link href="stylesheets/layout.css" media="screen" rel="stylesheet" type="text/css" />
  <link href="stylesheets/home_inline.css" media="screen" rel="stylesheet" type="text/css" />

</head>

<body class="index_inline">
  <div class="header">
    <div id="navigation" class="container">
      <div class="row">
        <div class="column two"><h2><a href="javascript:void(0)">Projeto Áxil</a></h2></div>
        <div class="column ten last">
          <div class="nav clear">
            <li><a href="javascript:void(0)">Como funciona</a><span class="divider"></span></li>
            <li><a href="javascript:void(0)">Planos</a><span class="divider"></span></li>
            <li><a href="javascript:void(0)">Cadastre-se</a><span class="divider"></span></li>
            <li class="last signup"><a href="javascript:void(0)">Entrar</a></li>
          </div>
        </div>
      </div>
    </div>

    <div id="headline" class="row">
      <div class="column twelve">
        <h1>Track Time. Send Invoices. Get Paid.</h1>
        <p>Used by thousands of successful freelancers and companies worldwide, Ballpark gives you everything you need to run your small business.</p>
      </div>
    </div>
  </div>
  <div id="banner">
    <div class="container">
      <div id="banner-graphics">
        <div id="banner-macbook"></div>
        <div id="banner-iphone"></div>
      </div>
      <div id="banner-signup">
        <h3>Experimente gratuitamente agora!</h3>
        <p>Sem compromisso e sem informar seus dados de pagamento.</p>
        <form id="banner-signup-form" method="post" action="https://signup.ballparkapp.com">
          <fieldset class="textfields"> 
            <div class="input">
              <label for="company[owner_name]">Seu nome</label>
              <input name="company[owner_name]" id="name" type="text" required="true" />
            </div>
            <div class="input">
              <label for="company[owner_email]">Seu email</label>
              <input name="company[owner_email]" id="email" type="email" required="true" />
            </div>
            <div class="input">
              <label for="company[owner_password]">Senha</label>
              <input name="company[owner_password]" id="password" type="password" required="true" />
            </div>
          </fieldset>
          <fieldset class="submit">
            <button class="button blue" value="submit" name="submit">Criar minha conta<span class="arrow"></span></button>
          </fieldset>
        </form>
        <!--
        <p class="banner-press-section">As seen in:
          <a href="http://thenextweb.com/apps/2012/08/14/freelancers-smbs-ballpark-invoice-crm-app-youve-waiting/" class="banner-press tnw">The Next Web</a>
          <a href="http://techcrunch.com/2012/08/14/metalab-relaunch-ballpark-design-capital/" class="banner-press techcrunch">TechCrunch</a>
          <a href="http://pandodaily.com/2012/08/14/metalab-updates-ballpark-to-help-small-businesses-but-dont-call-it-a-revolution/" class="banner-press pandodaily">Pando Daily</a>
        </p>
        -->
      </div>
    </div>
  </div>
  <div class="container">
    <div id="content" class="row">
      <div id="timetracking" class="row">
        <div class="column six">
          <div class="text">
            <h2>Poupe tempo nas vendas.</h2>
            <p>Crie e envie propostas comerciais customizadas, configure vendas recorrentes e emita NFe e NFSe. Com o controle de vendas você economiza tempo e profissionaliza suas vendas.</p>
            <div id="screenshots-timers" class="screenshots">
              <div class="thumbnails">
                <img class="screenshot" src="images/screenshots/thumbnails/timetracking-thumb-1.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/timetracking-1.png" data-text="<h3>Time Tracking 1</h1><p>Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.</p>" />
                <img class="screenshot" src="images/screenshots/thumbnails/timetracking-thumb-2.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/timetracking-2.png" data-text="<h3>Time Tracking 2</h1><p>Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.</p>" />
                <img class="screenshot" src="images/screenshots/thumbnails/timetracking-thumb-3.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/timetracking-3.png" data-text="<h3>Time Tracking 3</h1><p>Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.</p>" />
              </div>
              <span class="open"></span>
            </div>
          </div>
        </div>
        <div class="column six last">
          <div id="stopwatch">
            <div id="stopwatch-indicator"></div>
            <div id="stopwatch-indicator-small"></div>
          </div>
        </div>
      </div>
      <div id="invoices" class="row">
        <div id="invoice">
          <div id="invoice-stamp"></div>
        </div>
        <div class="text">
          <h2>Relatórios</h2>
          <p>Tome decisões inteligentes com base em números. Os relatórios online te auxiliam a tomar as melhores decisões para seu negócio, independente de local e hora do dia.</p>
          <div class="screenshots">
            <div class="thumbnails">
              <img class="screenshot" src="images/screenshots/thumbnails/invoices-thumb-1.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/invoices-1.png" data-text="<h3>Time Tracking 1</h1><p>Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.</p>" />
              <img class="screenshot" src="images/screenshots/thumbnails/invoices-thumb-2.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/invoices-2.png" data-text="<h3>Time Tracking 2</h1><p>Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.</p>" />
              <img class="screenshot" src="images/screenshots/thumbnails/invoices-thumb-3.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/invoices-3.png" data-text="<h3>Time Tracking 3</h1><p>Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.</p>" />
            </div>
            <span class="open"></span>
          </div>
        </div>
      </div>
      <div id="payments" class="row">
        <div class="text">
          <h2>Facilidade na gestão financeira</h2>
          <p>Veja em tempo real a saúde financeira da sua empresa com nosso painel de controle. Receba semanalmente boletins sobre a situação financeira de sua empresa e seja informado quando suas contas estão próximas do vencimento.</p>
          <div class="payment-logos">
            <a href="http://stripe.com" target="_blank"><img class="stripe" src="images/stripe-logo.png" width="92" height="37" alt="Stripe" /></a>
            <a href="http://paypal.com" target="_blank"><img class="paypal" src="images/paypal-logo.png" width="100" height="29" alt="PayPal" /></a>
          </div>
        </div>
        <div id="credit-cards"></div>
      </div>
      <div id="reports" class="row">
        <div class="text">
          <h2>Estoque sob controle</h2>
          <p>Esqueça as planilhas confusas e abra espaço para uma gestão de estoque totalmente online, integrada e sem dor de cabeça. O controle de estoque é simples e rápido.</p>
          <div class="screenshots">
            <div class="thumbnails">
              <img class="screenshot" src="images/screenshots/thumbnails/reports-thumb-2.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/reports-1.png" />
              <img class="screenshot" src="images/screenshots/thumbnails/reports-thumb-1.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/reports-2.png" />
              <img class="screenshot" src="images/screenshots/thumbnails/reports-thumb-3.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/reports-3.png" />
            </div>
            <span class="open"></span>
          </div>
        </div>
        <div id="report-tooltip"><p>August 14, 2012</p><small>$4,500 received</small></div>
      </div>
      <div id="iphone" class="row">
        <div class="column five">
          <div id="iphone-graphic"><div id="iphone-content"></div></div>
        </div>
        <div class="column seven last">
          <div class="text">
            <h2>Stay up-to-date, even when you're out of the office.</h2>
            <p>With the new Ballpark iPhone app, you can track your time, keep up to date with new activity, and get notified of incoming payments on the go.</p>
            <p class="itunes-link"><a class="button blue" href="http://itunes.apple.com/us/app/ballpark-for-iphone/id546116341?mt=8">Available on the App Store<span class="arrow"></span></a></p>
            <div class="screenshots">
              <div class="thumbnails">
                <img class="screenshot" src="images/screenshots/thumbnails/iphone-thumb-2.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/iphone-2.png" />
                <img class="screenshot" src="images/screenshots/thumbnails/iphone-thumb-1.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/iphone-1.png" />
                <img class="screenshot" src="images/screenshots/thumbnails/iphone-thumb-3.png" width="100" height="52" alt="" data-fullsize="images/screenshots/images/iphone-3.png" />
              </div>
              <span class="open"></span>
            </div>
          </div>
        </div>
      </div>
      <div id="testimonials">
        <ul class="quotes">
          <li class="selected"><blockquote>“We've been using Ballpark here at Dribbble for years. The ease of use and time saved has been indispensable to our little company.”</blockquote></li>
          <li><blockquote class="long">“Ballpark is the invoicing program I would rather not live without. I don't want to overstate—I could live without it. But it's gorgeous, robust and dead simple to use and it helps me gets my moneys, and I can't live without my moneys.”</blockquote></li>
          <li><blockquote>“Ballpark is so good that I'm convinced it kept me from quitting client work for at least a few months.”</blockquote></li>
          <li><blockquote class="long">“Ballpark has been the one and only service that's allowed me to manage my freelance career clearly and efficiently. Plus, it's baseball themed. Best business related app, period.”</blockquote></li>
          <li><blockquote class="long">“Ballpark has an interface that is so simple to use it's almost invisible, yet it removes almost everything that's painful about this industry. Highly recommended for its design, simplicity and functionality, this app has everything you need and nothing you don't.”</blockquote></li>
        </ul>
        <ul class="people">
          <li class="selected">
            <div class="photo dan"></div>
            <div class="name">Dan Cederholm</div>
            <div class="title">Dribbble</div>
          </li>
          <li>
            <div class="photo adam"></div>
            <div class="name">Adam Lisagor</div>
            <div class="title">Sandwich Video</div>
          </li>
          <li>
            <div class="photo richard"></div>
            <div class="name">Richard Henry</div>
            <div class="title">Quora</div>
          </li>
          <li>
            <div class="photo jon"></div>
            <div class="name">Jon Contino</div>
            <div class="title">Illustrator</div>
          </li>
          <li>
            <div class="photo josh"></div>
            <div class="name">Josh Long</div>
            <div class="title">Treehouse</div>
          </li>
        </ul>
      </div>
      <div id="press">
        <h4>As seen on</h4>
        <a class="press-logo thenextweb" href="http://thenextweb.com/apps/2012/08/14/freelancers-smbs-ballpark-invoice-crm-app-youve-waiting/">The Next Web</a>
        <a class="press-logo techcrunch" href="http://techcrunch.com/2012/08/14/metalab-relaunch-ballpark-design-capital/">TechCrunch</a>
        <a class="press-logo pandodaily" href="http://pandodaily.com/2012/08/14/metalab-updates-ballpark-to-help-small-businesses-but-dont-call-it-a-revolution/">PandoDaily</a>
        <a class="press-logo appstorm" href="http://web.appstorm.net/reviews/finances-reviews/new-ballpark-easier-time-tracking-and-invoicing/">AppStorm</a>
        <a class="press-logo techvibes" href="http://www.techvibes.com/blog/metalab-launches-a-brand-new-ballpark-2012-08-14">AppStorm</a>
        <div class="clear"></div>
      </div> 
      <div id="features" class="row">
        <div class="column six first">
          <div id="feature-secure" class="feature">
            <h3>Safe & Secure</h3>
            <p>Stored in a temperature controlled server farm and Certified Level 1 PCI compliant to ensure the highest level of security for your data.</p>
          </div>
        </div>
        <div class="column six last">
          <div id="feature-integration" class="feature">
            <h3>App Integration</h3>
            <p>Connect Ballpark to <a href="http://freshbooks.com" target="_blank">Freshbooks</a> and <a href="http://highrisehq.com" target="_blank">Highrise</a> to import your clients, quotes, and more!</p>
          </div>
        </div>
      </div>
      <div id="signup-bottom" class="row">
        <div class="text">
          <h2>Are you ready to get your business on Ballpark?</h2>
          <p>Sign up for Ballpark today and get a 30-day free trial.</p>
          <a class="button blue" href="https://signup.ballparkapp.com">Try It Free Today<span class="arrow"></span></a>
        </div>
      </div>  
    </div>
  </div>

  <div class="footer container">
    <div class="row">
      <div class="footer-newsletter column six">
        <h3>Subscribe to our newsletter!</h3>
        <p>Subscribe to get monthly updates in your inbox from Ballpark. You will receive product updates, productivity tips and exclusive offers.</p>
        <form method="post" action="http://getflow.us4.list-manage.com/subscribe/post?u=49f3a608b8d276be19c4ad147&amp;id=67cf40906f" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="true">
          <input class="text" type="email" value="" name="EMAIL" autocomplete="off" placeholder="Your email address..." required="true" />
          <input class="button" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" />
        </form>
      </div>
      <div class="footer-metalab column six last">
        <h3>Made by MetaLab</h3>
        <p><a href="http://metalabdesign.com/" target="_blank">MetaLab</a> is an interface design agency and the creators of <a href="http://www.getflow.com/" target="_blank">Flow</a> for online team collaboration, Ballpark for online invoicing and <a href="http://www.pixelunion.net/" target="_blank">Pixel Union</a> Tumblr themes.</p>
        <ul class="footer-links">
          <li><a href="http://www.metalabdesign.com" class="branding" target="_blank"></a></li>

        </ul>
      </div>
    </div>
    <div class="row">
      <div class="nav">
        <li><a href="javascript:void(0)">Planos</a></li>
        <li><a href="javascript:void(0)">Suporte</a></li>
        <li><a href="javascript:void(0)">Contato</a></li>
        <li><a href="javascript:void(0)">Termos</a></li>
        <li><a href="javascript:void(0)">Login</a></li>

        <li class="icon"><a href="https://plus.google.com/113680675519255072124" class="icon icon-social-gplus" target="_blank" rel="publisher">Google Plus</a></li>        
        <li class="icon"><a href="http://twitter.com/ballparkapp" class="icon icon-social-twitter" target="_blank">Twitter</a></li>
        <li class="icon"><a href="http://www.facebook.com/ballparkapp" class="icon icon-social-facebook" target="_blank">Facebook</a></li>

      </div>
    </div>
  </div>

  <div id="login-modal">
    <h3>Login to your Ballpark Account</h3>
    <p>You can log in to your Ballpark account at the domain you chose when you first signed up, or were invited to Ballpark.</p>
    <form id="login-form" action="" method="post">
      <div class="input domain">
        <label for="ballpark-login-domain">Ballpark domain</label>
        <input name="ballpark-login-domain" id="ballpark-login-domain" type="text" />
        <span class="domain-url">.ballparkapp.com</span>
      </div>
      <button class="button blue" href="#">Go</button>
    </form>
    <p><small>Please <a href="contact.html">contact us</a> if you don't know your domain.</small></p>
    <div id="login-modal-close"></div>
  </div>

  <div id="screenshot-modal">
    <div id="screenshot-modal-image"></div>
    <div id="screenshot-modal-thumbnails"></div>
    <div id="screenshot-modal-close"></div>
  </div>

  <div id="screenshot-overlay"></div>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  <script src="javascripts/site.js" type="text/javascript"></script>

  <script src="javascripts/libs/Underscore.js" type="text/javascript"></script>
  <script src="javascripts/libs/Backbone.js" type="text/javascript"></script>
  <script src="javascripts/views.js" type="text/javascript"></script>
  <script src="javascripts/frontpage.js" type="text/javascript"></script> 
</body>
</html>